<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的相册_微图片</title>
<style>
*{margin:0;padding:0;}
html{overflow-y:scroll}
.clear:after{content:'\20';display:block;height:0;clear:both;}
.clear{*zoom:1;font-size:0;clear:both;}
.clear{clear:both;}
body {background:url(http://mat1.gtimg.com/www/mb/skin/jd/bhxp/bg.jpg) top center no-repeat fixed #E5E5E5;font-family:"微软雅黑";}
img{border:0;}
input,select,textarea{font-size:14px;font-family:"微软雅黑";}
a{text-decoration:none}
a:hover{color:red;}
.header{height:35px;width:100%;border-bottom:1px solid #333;margin-top:0;top:0;left:0;z-index:100;filter:alpha(opacity=80);opacity:0.8;background:#2d2d2d;}
.header .nav_item{margin:0 auto;width:1010px;}
.header .nav_item ul{list-style:none;}
.header .nav_item li{float:left;}
.header .nav_item .nav_r li{float:right;}
.header .nav_item .nav_r li a{padding:8px 5px 5px 5px;height:20px;text-align:center;}
.header .nav_item a{color:#fff;font-size:14px;display:block;float:none; margin-top:1px;padding:8px 10px;line-height:17px;text-decoration:none;}
.header .nav_item a:hover,.nav .nav_item li:hover{color:#fff;background:#000;}
.header .nav_item .logo{width:120px;height:35px;background:url(static/img/logo.png) no-repeat;margin:0px 5px;padding:0;}
.header .nav_item .logo:hover{background:url(static/img/logo.png) no-repeat;}
.head_clear{height:0;width:100%;display:block;}
.main{width:1000px;margin:10px auto;overflow: hidden;}
.left{float:left;width:740px;height:100%;background-color:#fff;margin-bottom:-3000px; padding-bottom:3000px;}
.right{float:right;width:259px;height:100%;background:#e3eff3;border-left:1px dotted #A0BBC9;margin-bottom:-3000px; padding-bottom:3000px;}
.menu{height:30px;background:#e3eff3;}
.menu p{float:left;height:30px;width:100px;text-align:center;padding-top:5px;}
.menu .current{background:#ffffff;}
.form {float:left;width:740px;margin:5px 0 15px 0;text-align:center;}
.piclist{float:left;width:740px;text-align:center;}
.piclist li{width:75px;display:inline;padding:2px;}
.piclist li img{border: 1px solid #CCC;padding:1px;}
.piclist .current{border: 2px solid #6699ff;padding:1px;}
.footer{margin:15px;text-align:center;color:#333;font-size:12px;}
</style>
</head>
<body>
<div class="header">
	<div class="nav_item">
		<ul>
			<li><a class="logo" href="./index.html" title="微图片">&nbsp;</a></li>
		</ul>
		<ul class="nav_r" id="info">
			<li><a href="index.html">退出</a></li>
			<li style="width:80px;"><a href="my.html">我的相册</a></li>
			<li><a href="my.html"><img src="http://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_1.png" width="16" height="16" style="vertical-align: top;"/>QQ昵称</a></li>
		</ul>
	</div>
</div>
<div class="head_clear"></div>
<div class="main">
	<div class="left">
		<div class="menu">
			<p><a href="my.html">我的相册</a></p>
			<p><a href="add.html">创建相册</a></p>
			<p class="current"><a href="pic.html">选择图片</a></p>
		</div>
		<div class="form">
			<div style="width:710px;border-bottom:#ccc 1px dotted;margin:10px;text-align:center;padding:5px;">相册名称</div>
			<ul class="piclist">
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75" class="current"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
			</ul>
			<div class="clear"></div>
			<div style="height:25px;border:1px solid #F9F2A7;background:#FEFFE5;width:720px;margin:0 auto;"><a href="">更多图片</a></div>
			<div><input type="submit" value="保 存" style="padding:3px;width:100px;margin-top:20px;"></div>
		</div>
		<p style="height:10px">&nbsp;</p>
	</div>
	<div class="right">
	</div>
</div>
<div class="footer"></div>
</body>
</html>